<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>QQ Mac版-匠心之韵·清新聊人</title>
    <link rel="shortcut icon" href="favicon-hs.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/Fourth grade.css">
</head>
<body>
    <!-- 头部开始 -->
    <header class="header" id="header">
        <div class="head-body">
            <div class="logo">
                <img src="img/logo.png" alt="">
            </div>
            <!-- 首页三个开始 -->
            <ul style="margin-left: 70px;">
                <li style="color: #fff;">首页</li>
                <li>支持</li>
            </ul>
            <!-- 首页三个结束 -->
            <ol>
                <li style="background:none;color: #666; font-size:14px;">
                    <img src="img/apple.png" alt="">
                    ipad版
                </li>
            </ol>
        </div>
    </header>
    <!-- 头部结束 -->
    <!-- banner开始 -->
    <div class="banne">
        <div class="banne-body">
            <h3>匠心之韵·清新聊人</h3> <!--title标题结束-->
            <!-- 第一个按钮开始 -->
            <h4>
                <button>App Store 下载</button>
            </h4>
            <!-- 第一个按钮结束 -->
            <!-- 第二个立即下载按钮开始 -->
            <h5>
                <button>立即下载</button>
            </h5>
            <!-- 第二个立即下载按钮结束 -->
            <h6>v 6.6.0   |   2019.12.19 </h6>
            <!-- 图片开始 -->
            <div class="img-b">
                <img src="img/sp-mac-xlarge.png" alt="">
            </div>
            <!-- 图片结束 -->
        </div>
    </div>
    <!-- banner结束 -->
    <!-- 消息翻译开始 -->
    <div class="news">
        <div class="news-body">
            <h2>消息翻译</h1>
            <h3>一键即翻 沟通无碍</h2>
            <div class="img-b">
                <img src="img/b-bg.png" alt="">
            </div>
        </div>
    </div>
    <!-- 消息翻译结束 -->
    <!-- 压缩包浏览 -->
    <div class="news news-bck-two">
        <div class="news-body">
            <h2>压缩包浏览</h1>
            <h3>目录查看 解你所需</h2>
            <div class="img-b">
                <img src="img/c-bg.png" alt="">
            </div>
        </div>
    </div>
    <!-- 压缩包浏览结束 -->
    <!-- 截图优化开始 -->
    <div class="news news-bck-one">
        <div class="news-body">
            <h2>截图优化</h1>
            <h3>接入识图 一点即识</h2>
            <div class="img-bck">
                <img src="img/e-bg.png" class="img-bck-one">
            </div>
        </div>
    </div>
    <!-- 截图优化结束 -->
    <!-- 底部版权开始 -->
    <div class="botom">
        <p>腾讯公司 版权所有</p>
        <p>Copyright © 1998 - 2020 Tencent. All Rights Reserved</p>
    </div>
</body>
</html>